<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<meta name="author" content="blog.anchen8.net" />

	<title>毕业生，你的选择</title>
    <link rel="stylesheet" type="text/css" href="/Bys-Website/css/home.css" />
	<link rel="shortcut icon" href="../favicon.ico"type="image/x-icon" />   
	<link rel="Bookmark" href="../favicon.ico" />
    <script type="text/javascript" src="js/jQuery1.82.js">
    </script>
    <script type="text/javascript">
    	function createMain(){
    		var _scrollWidth = Math.max(document.body.scrollWidth,
    				document.documentElement.scrollWidth);
    		var _scrollHeight = Math.max(document.body.scrollHeight,
    		document.documentElement.scrollHeight);
    		document.getElementById("video").style.left = ((_scrollWidth - 765) / 2+100)
			+ "px";
    		document.getElementById("photo").style.left = (_scrollWidth - 765) / 2
    				+ "px";
    		document.getElementById("blog").style.left = ((_scrollWidth - 765) / 2-100)
			+ "px";
    	}
 $(document).ready(function(){
   $("#logbtn").hover(function(){
      $(".logindetail").animate({left:"200px"},100);
      return false;
    },function(){
      $(".logindetail").animate({left:"-500px"},100);
      return false;
     })
  })
        function over(val){
            if(val=="video"){
                document.getElementById("videohr").style.backgroundColor="#5E82A6";
                document.getElementById("insvideo").style.opacity=1.0;
                document.getElementById("btnvideo").style.display="block";
            }
            else if(val=="photo"){
                document.getElementById("photohr").style.backgroundColor="#346F69";
                document.getElementById("insphoto").style.opacity=1.0;
                document.getElementById("btnphoto").style.display="block";
            }
            else{
                document.getElementById("bloghr").style.backgroundColor="#494949";
                document.getElementById("insblog").style.opacity=1.0;
                document.getElementById("btnblog").style.display="block";
            }
        }
        function out(val){
            if(val=="video"){
                document.getElementById("videohr").style.backgroundColor="#E8E8E8";
                document.getElementById("insvideo").style.opacity=0.7;
                document.getElementById("btnvideo").style.display="none";
            }
            else if(val=="photo"){
                document.getElementById("photohr").style.backgroundColor="#E8E8E8";
                document.getElementById("insphoto").style.opacity=0.7;
                document.getElementById("btnphoto").style.display="none";
            }
            else{
                document.getElementById("bloghr").style.backgroundColor="#E8E8E8";
                document.getElementById("insblog").style.opacity=0.7;
                document.getElementById("btnblog").style.display="none";
            }
        }
        function logbtnover(val){
            if(val=='log'){
                document.getElementById("logbtn").style.backgroundColor="#2D9509";
                //document.getElementById("logbtn").style.opacity=0.8;
            }
            else{
                document.getElementById("regbtn").style.backgroundColor="#2D9509";
                //document.getElementById("regbtn").style.opacity=0.8;
            }
        }
        function logbtnout(val){
            if(val=='log'){
                document.getElementById("logbtn").style.backgroundColor="#00A1E9";
                //document.getElementById("logbtn").style.opacity=1.0;
            }
            else{
                document.getElementById("regbtn").style.backgroundColor="#00A1E9";
                //document.getElementById("regbtn").style.opacity=1.0;
            }
        }
    </script>
</head>

<body>
<div class="video" id="video" onmouseover="over('video')" onmouseout="out('video')">
    <div class="ashr" id="videohr">
    </div>
    <div class="instruction" id="insvideo">
        <div class="insimg">
            <img src="/Bys-Website/SourceImageFile/video.jpg" width="50px" height="50px"/>
        </div>
        <div class="navivideo">
            视频
        </div>
        <div class="button" id="btnvideo">
            <form>
                <input type="button" value="进入" class="btnvideo" tabindex="5" onclick= "window.location.href='/Bys-Website/Public/Video.jsp'"/>
            </form>
        </div>
        <div class="navititle">
            时光虽不再回，记忆却不曾消逝
        </div>
        <div class="videodetail">
        &nbsp;&nbsp;&nbsp;&nbsp;每一个微电影的背后都承载着不同的故事和不同的期盼，却都会留下感动。如果您有自己的微电影，也可以通过上传的方式分享给他人。在这里，有最全的毕业微电影，您可以通过索引轻松查找微电影。
        </div>
    </div>
        
</div>

<div class="photo" id="photo" onmouseover="over('photo')" onmouseout="out('photo')">
    <div class="ashr" id="photohr">
    </div>
    <div class="instruction" id="insphoto">
        <div class="insimg">
            <img src="/Bys-Website/SourceImageFile/photo.jpg" width="50px" height="50px"/>
        </div>
        <div class="naviphoto">
            相册
        </div>
        <div class="button" id="btnphoto">
            <form>
                <a href="/Bys-Website/Public/Photo.jsp"><input type="button" value="进入" class="btnphoto" tabindex="5"/></a>
            </form>
        </div>
        <div class="navititle">
            就让青春，定格在那一个瞬间
        </div>
        <div class="photodetail">
        &nbsp;&nbsp;&nbsp;&nbsp;谁说青春不留痕迹，那一个个瞬间证明，我们曾经来过。看那旅游快照，生日Party，班级聚餐……其实还不止这些，只要你能想到。赶快去翻一翻自己的相机或手机相册，一定要制作一本最好的青春纪念册。
        </div>
    </div>
</div>

<div class="blog" id="blog" onmouseover="over('blog')" onmouseout="out('blog')">
    <div class="ashr" id="bloghr">
    </div>
    <div class="instruction" id="insblog">
        <div class="insimg">
            <img src="/Bys-Website/SourceImageFile/blog.jpg" width="50px" height="50px"/>
        </div>
        <div class="naviblog">
            博客
        </div>
        <div class="button" id="btnblog">
            <form>
                <input type="button" value="进入" class="btnblog" tabindex="5"  onclick= "window.location.href='/Bys-Website/Public/Blog.jsp'"/>
            </form>
        </div>
        <div class="navititle">
            送给，你的我的毕业赠言
        </div>
        <div class="blogdetail">
        &nbsp;&nbsp;&nbsp;&nbsp;毕业了，每个人都找到了自己的位置。一想到昔日的朋友要各奔远方为自己打拼，难免会有些伤感。也许我们以后的生活不再有交集，只有把最真挚的祝福送给彼此。不过，曾经，我们不只是过客……
        </div>
    </div>
</div>
<script>createMain()</script>
<div class="logdiv">
            <form>
                <input type="button" value="&laquo;&nbsp;&nbsp;登录" class="log_or_regbtn" id="logbtn" onmouseout="logbtnout('log')" onmouseover="logbtnover('log')" tabindex="5" onclick= "window.location.href='/Bys-Website/Log_in.jsp'"/>
            </form>
</div>
<div class="regdiv">
            <form>
                <input type="button" value="注册&nbsp;&nbsp;&raquo;" class="log_or_regbtn" id="regbtn" onmouseout="logbtnout('reg')" onmouseover="logbtnover('reg')" tabindex="5" onclick= "window.location.href='/Bys-Website/Regist.jsp'"/>
            </form>
</div>
</body>
</html>